<?php if (!defined('THINK_PATH')) exit();?>﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Responsive Bootstrap Advance Admin Template</title>

    <!-- BOOTSTRAP STYLES-->
    <link href="/myshop/public/admin/assets/css/bootstrap.css" rel="stylesheet" />
    <!-- FONTAWESOME STYLES-->
    <link href="/myshop/public/admin/assets/css/font-awesome.css" rel="stylesheet" />
       <!--CUSTOM BASIC STYLES-->
    <link href="/myshop/public/admin/assets/css/basic.css" rel="stylesheet" />
    <!--CUSTOM MAIN STYLES-->
    <link href="/myshop/public/admin/assets/css/custom.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="/myshop/public/admin/assets/js/jquery.datetimepicker.css"/>
    <!-- GOOGLE FONTS-->
    <!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' /> -->
    <style type="text/css">
  .error{color:red;}
  .custom-date-style {
    background-color: red !important;
}
</style>
</head>

<body>

<!--头部区块  -->


    <div id="wrapper">
        <nav class="navbar navbar-default navbar-cls-top " role="navigation" style="margin-bottom: 0">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">COMPANY NAME</a>
            </div>

            <div class="header-right">

                <a href="message-task.html" class="btn btn-info" title="New Message"><b>30 </b><i class="fa fa-envelope-o fa-2x"></i></a>
                <a href="message-task.html" class="btn btn-primary" title="New Task"><b>40 </b><i class="fa fa-bars fa-2x"></i></a>
                <a href="login.html" class="btn btn-danger" title="Logout"><i class="fa fa-exclamation-circle fa-2x"></i></a>

            </div>
        </nav>
        <!-- /. NAV TOP  -->
        <nav class="navbar-default navbar-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav" id="main-menu">
                    <li>
                        <div class="user-img-div">
                            <img src="/myshop/public/admin/assets/img/user.png" class="img-thumbnail" />

                            <div class="inner-text">
                                Jhon Deo Alex
                            <br />
                                <small>Last Login : 2 Weeks Ago </small>
                            </div>
                        </div>

                    </li>


                    <li>
                        <a class="active-menu" href="index.html"><i class="fa fa-dashboard "></i>Dashboard</a>
                    </li>
                   
                   
                    <?php if(is_array($top_nav)): foreach($top_nav as $key=>$v): ?><li>
                        <a href="#"><i class="fa <?php echo ($v["icon"]); ?> "></i><?php echo ($v["name"]); ?> <span class="fa arrow"></span></a>
                         <ul class="nav nav-second-level">
                             <?php if(is_array($child_nav)): foreach($child_nav as $key=>$vo): if(($v['id']) == $vo['pid']): ?><li>
                                <a href="<?php echo U($vo['url']);?>"><i class="fa <?php echo ($vo["icon"]); ?> "></i><?php echo ($vo["name"]); ?></a><?php endif; ?>
                            </li><?php endforeach; endif; ?>
                             
                           
                        </ul>
                    </li><?php endforeach; endif; ?>
                    
                   
                    <li>
                        <a href="#"><i class="fa fa-sitemap "></i>Multilevel Link <span class="fa arrow"></span></a>
                         <ul class="nav nav-second-level">
                            <li>
                                <a href="#"><i class="fa fa-bicycle "></i>Second Level Link</a>
                            </li>
                             <li>
                                <a href="#"><i class="fa fa-flask "></i>Second Level Link</a>
                            </li>
                            <li>
                                <a href="#">Second Level Link<span class="fa arrow"></span></a>
                                <ul class="nav nav-third-level">
                                    <li>
                                        <a href="#"><i class="fa fa-plus "></i>Third Level Link</a>
                                    </li>
                                    <li>
                                        <a href="#"><i class="fa fa-comments-o "></i>Third Level Link</a>
                                    </li>

                                </ul>

                            </li>
                        </ul>
                    </li>
                   
                    
                </ul>

            </div>

        </nav>
             <div id="page-wrapper">
            <div id="page-inner">
                <div class="row">
                   
                </div>
                <!-- /. ROW  -->
                
                <!-- /. ROW  -->

               


                        <br />

<!-- 可变区域 -->

   
<div class="panel panel-danger">

                        <div class="panel-heading">
                           添加角色
                        </div>
                        <div class="panel-body">
                            <form role="form" action="" method="post" enctype="multipar/form-data">
                                         

                                 <!-- <div class="form-group">
                                            <label>导航层级 ：</label>
                                            <select name="pid">
                                            <option value="0">导航顶级</option>
                                            <?php if(is_array($list)): foreach($list as $key=>$v): ?><option value="<?php echo ($v["id"]); ?>"><?php echo ($v["name"]); ?></option><?php endforeach; endif; ?>
                                         
                                            </select>
                                        </div> -->
                                 <div class="form-group">
                                            <label>角色名称</label>
                                            <input type="text" class="form-control" name="title">
                                    
                                       
                                 
                                 <div class="form-group">
                                             <label>启用 ：</label>
                                            <input type="radio" checked name="status" value="1"> 启用

                                             <input type="radio" name="status" value="0"> 禁用
                                            
                                            
                                        </div>
                              
                               
                                 
                                        <button class="btn btn-info" type="submit">确定 </button>
                                          <div class="row">
                                              <div class="col-md-6">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            权限选择
                        </div>
                        <div class="panel-body">
                            <div id="accordion" class="panel-group">
                                <div class="panel panel-default">
                                <!-- 循环输出导航 -->
                                <?php if(is_array($top_nav)): foreach($top_nav as $k=>$v): ?><div class="panel-heading">
                                        <h4 class="panel-title">
                                            <a class="collapsed" href="#collapse<?php echo ($k); ?>" data-parent="#accordion" data-toggle="collapse">
                                            ------------------------------------------<?php echo ($v["name"]); ?>------------------------------------------
                                            </a>
                                        </h4>
                                    </div>
                                    <div style="height: 0px;" class="panel-collapse collapse" id="collapse<?php echo ($k); ?>">
                                        <div class="panel-body">
                                            <label>
                                            <input id="<?php echo ($v["id"]); ?>" value="<?php echo ($v["id"]); ?>" type="checkbox" name="rules[]">
                                            <?php echo ($v["name"]); ?>
                                            </label>
                                            <br>
                                            
                                            <!-- 循环输出权限表 -->
                                            <?php if(is_array($rule)): foreach($rule as $key=>$vo): if(($v['id']) == $vo["pid"]): ?><label>
                                            <input id="<?php echo ($vo["id"]); ?>" value="<?php echo ($vo["id"]); ?>" type="checkbox" name="rules[]">
                                             - <?php echo ($vo["title"]); ?>
                                             </label><?php endif; endforeach; endif; ?>
                                        </div>
                                    </div><?php endforeach; endif; ?>
                                </div>
                                
                               
                            </div>
                        </div>
                           


                    </div>
                </div>
                                          </div>
                                    </form>
                            </div>
                        </div>




<block name="js">


<script type="text/javascript" src="/myshop/public/admin/assets/js/jquery-3.0.0.min.js"></script>
<script type="text/javascript">
$(function(){

     

    $('.text-center i').click(function(){
      var icon = $(this).text();
      $('.icon').val(icon);

    })



})



</script>














    <div id="footer-sec">
        &copy; 2014 YourCompany | More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
    </div>

  
    <!-- /. FOOTER  -->
    <!-- SCRIPTS -AT THE BOTOM TO REDUCE THE LOAD TIME-->
    <!-- JQUERY SCRIPTS -->
    <script src="/myshop/public/admin/assets/js/jquery-1.10.2.js"></script>
    <!-- BOOTSTRAP SCRIPTS -->
    <script src="/myshop/public/admin/assets/js/bootstrap.js"></script>
    <!-- METISMENU SCRIPTS -->
    <script src="/myshop/public/admin/assets/js/jquery.metisMenu.js"></script>
       <!-- CUSTOM SCRIPTS -->
    <script src="/myshop/public/admin/assets/js/custom.js"></script>
    

  <!-- 尾巴区域 -->

</body>
</html>